<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>NBA球员 - NBA篮球世界</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/players.css">
    <link rel="stylesheet" href="../css/animations.css">
</head>
<body>
    <header>
        <div class="logo">
            <img src="../img/NBA-LOGO.png" alt="NBA Logo">
            <h1>NBA球员</h1>
        </div>
        <nav>
            <ul>
                <li><a href="../index.html">首页</a></li>
                <li><a href="teams.html">球队</a></li>
                <li><a href="players.html" class="active">球员</a></li>
                <li><a href="news.html">新闻</a></li>
                <li><a href="contact.html">联系</a></li>
            </ul>
        </nav>
    </header>

    <main class="players-page">
        <section class="top-players-section">
            <h2>NBA顶级球员</h2>
            <div class="player-grid">
                <div class="player-card" id="lebron">
                    <img src="../img/詹姆斯.jpg" alt="勒布朗·詹姆斯">
                    <div class="player-info">
                        <h3>勒布朗·詹姆斯</h3>
                        <p>球队：洛杉矶湖人</p>
                        <p>位置：前锋</p>
                        <div class="player-stats">
                            <span>场均得分：28.9</span>
                            <span>场均篮板：8.3</span>
                            <span>场均助攻：6.8</span>
                        </div>
                    </div>
                </div>
                <div class="player-card" id="curry">
                    <img src="../img/库里.jpg" alt="斯蒂芬·库里">
                    <div class="player-info">
                        <h3>斯蒂芬·库里</h3>
                        <p>球队：金州勇士</p>
                        <p>位置：后卫</p>
                        <div class="player-stats">
                            <span>场均得分：27.4</span>
                            <span>场均三分：4.5</span>
                            <span>场均助攻：6.3</span>
                        </div>
                    </div>
                </div>
                <div class="player-card" id="durant">
                    <img src="../img/杜兰特.jpg" alt="凯文·杜兰特">
                    <div class="player-info">
                        <h3>凯文·杜兰特</h3>
                        <p>球队：菲尼克斯太阳</p>
                        <p>位置：前锋</p>
                        <div class="player-stats">
                            <span>场均得分：29.1</span>
                            <span>场均篮板：7.4</span>
                            <span>场均助攻：5.3</span>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="player-stats-table">
            <h2>球员数据排名</h2>
            <table>
                <thead>
                    <tr>
                        <th>排名</th>
                        <th>球员</th>
                        <th>球队</th>
                        <th>场均得分</th>
                        <th>场均篮板</th>
                        <th>场均助攻</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>詹姆斯</td>
                        <td>湖人</td>
                        <td>28.9</td>
                        <td>8.3</td>
                        <td>6.8</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>杜兰特</td>
                        <td>太阳</td>
                        <td>29.1</td>
                        <td>7.4</td>
                        <td>5.3</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>库里</td>
                        <td>勇士</td>
                        <td>27.4</td>
                        <td>5.3</td>
                        <td>6.3</td>
                    </tr>
                </tbody>
            </table>
        </section>
    </main>

    <footer>
        <div class="copyright">
            <p>NBA篮球世界</p>
        </div>
    </footer>
</body>
</html>
